import type { AppRouteModule } from '/@/router/types';
import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';

const simple: AppRouteModule = {
  path: '/demo',
  name: 'DocManage',
  component: LAYOUT,
  redirect: '/demo',
  meta: {
    icon: 'ion:code-slash',
    title: t('routes.app.demo.LearningCorner.user'),
  },
  children: [
    {
      path: 'simple',
      name: 'index',
      component: () => import('/@/views/app/demo/user/index.vue'),
      meta: {
        icon: 'ant-design:user-add-outlined',
        title: t('routes.app.demo.LearningCorner.adduser'),
      },
    },
    {
      path: 'upload',
      name: 'UploadDemo',
      component: () => import('/@/views/app/demo/upload/index.vue'),
      meta: {
        icon: 'ant-design:cloud-upload-outlined',
        title: t('routes.app.demo.LearningCorner.upload'),
      },
    },
    {
      path:'query',
      name:'QueryUser',
      component:() => import('/@/views/app/demo/user/QueryUserForm.vue'),
      meta:{
        icon:'ant-design:idcard-filled',
        title: t('routes.app.demo.LearningCorner.query'),
      }
    },
    {
      path:'ws',
      name:'WebSocket',
      component:() => import('/@/views/app/demo/ws/index.vue'),
      meta:{
        icon:'ant-design:comment-outlined',
        title:t('routes.app.demo.LearningCorner.ws')
      }
    },
    {
      path:'download',
      name:'Download',
      component:() => import('/@/views/app/demo/download/index.vue'),
      meta:{
        icon:'ant-design:cloud-download-outlined',
        title:t('routes.app.demo.LearningCorner.download')
      }
    }
  ],
};

export default simple;
